<!DOCTYPE html>
<html>
<head>
	<!-- Specify charset for Google Maps to benefit -->
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

	<!-- Google Maps API Key -->
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAY5CLrRrLBJN5eOAUMhOQahQFuii2RdR3ITLU0HZStEEQxFSHNRTi_d1KdPD9jm8UZexzIulYng7gEA" type="text/javascript"></script>
	
	<!-- Google Javascript API -->
	<script src="http://www.google.com/jsapi" type="text/javascript"></script>

	<!-- Google Gears -->
	<script src="js/gears_init.js" type="text/javascript"></script>

	<!-- CSS for Map objects -->
	<link href="css/map.css" rel="stylesheet" type="text/css" />

	<!-- JQuery -->
	<script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>

	<!-- Personal Map Javascript -->
	<script src="js/map.js" type="text/javascript"></script>

	<!-- Personal JQuery -->
	<script src="js/jqMap.js" type="text/javascript"></script>

	<!-- Drawer -->
	<link href="jquery_drawer/drw/styles.css" rel="stylesheet" media="all" />
	<script src="jquery_drawer/drw/jquery.js" type="text/javascript"></script>
	<script src="jquery_drawer/drw/scripts.js" type="text/javascript"></script>

	<!-- -->
	<script src="js/go_offline.js" type="text/javascript"></script>

<SCRIPT language="JavaScript">
function OnSubmitForm()
{
  if(document.pressed == 'Insert')
  {
   document.myform.action ="insert.html";
  }
  else
  if(document.pressed == 'Update')
  {
    document.myform.action ="update.html";
  }
  return true;
}
</SCRIPT>

	<title>Maps - Google Embed</title>
</head>
<body onload="initialize(); init();" onunload="GUnload()">
	<div id="page-wrap">
		<h1>Telesoft Global</h1>
		<p>Map to sit inside index page with decoration for mouse roll-over.</p>

		<div id="map"></div>
		<form name="propertyForm" onSubmit="return OnSubmitForm();">
			<ul id="latitude">
				<li><input type="text" name="fname" value="Jane" class="textInput" /></li>
				<li><div id="property1label" class="labelInput">Latitude:</div></li>
				<div style="clear: both;"></div>
			</ul>
			<ul id="longitude">
				<li><input type="text" name="lname" value="Doe" class="textInput" /></li>
				<li><div id="property2label" class="labelInput">Longitude:</div></li>
				<div style="clear: both;"></div>
			</ul>
			<!--<input type="submit" name="Operation" onclick="document.pressed=this.value" value=" Insert ">&nbsp;
			<input type="submit" name="Operation" onclick="document.pressed=this.value" value=" Update ">-->
		</form>
		<ul id="option-bar">
			<li><a id="option1" onclick="createStore()" href="#">Download !</a></li>
			<li><a id="option2" onclick="removeStore()" href="#">Remove</a></li>
			<li><a id="option3" href="#">+ Marker @ pos(lat/lng)</a></li>
			<li><a id="option4" href="#">Volume</a></li>
			<li><a id="option5" href="#">Zoom/FullScreen</li>
			<div style="clear: both;"></div>
		</ul>

	</div>
	<!--<div class="zoomToggle">Zoom</div>-->

	<!--<ul class="inlineButtons">
		<li class="button hemisphere"><a href="#">Eastern Hemisphere</a></li>
		<li class="button addMarker"><a href="#">Place marker on map</a></li>
		<li class="button setEditable"><a href="#">Editable</a></li>
		<li class="button dimSwitch"><a href="#">Dim Switch</a></li>
		<li class="button mapToggle"><div class="location"></div></li>
	</ul>

	<ul id="drw_tabs">
		<li><a href="#hello" rel="drw">Hello</a></li>
		<li><a href="#sample_icon" rel="drw">Icon View</a></li>
		<li><a href="#sample_list" rel="drw">List View</a></li>
		<li><a href="sample_ajax.html" rel="drw">Ajax</a></li>
		<li><a href="http://www.google.com/" target="_blank">No Drawer</a></li>
	</ul>

	<ul>
		<li class="binline">Data A</li>
		<li class="inline">Data B</li>
	</ul>-->

</body>
</html>

